<section class="bg-info dker">
    <section id="content" class="m-t-lg wrapper-md animated fadeInDown">
        <div class="container aside-xl">
            <a class="navbar-brand block" ng-click="changeCurrentClass(0)" href="" ui-sref="main.music_information"><span class="h1 font-bold">Music</span></a>
            <section class="m-b-lg">
                <header class="wrapper text-center">
                    <strong>注册您的账号</strong>
                </header>
                <form>
                    <div class="form-group">
                        <input type="text" placeholder="昵称..." ng-model="user.nickname" class="form-control rounded input-lg text-center no-border">
                    </div>
                    <div class="form-group">
                        <input type="text" placeholder="用户名..." ng-model="user.username" class="form-control rounded input-lg text-center no-border">
                    </div>
                    <div class="form-group">
                        <input type="password" placeholder="密码..." ng-model="user.password"
                               class="form-control rounded input-lg text-center no-border">
                    </div>
                    <div class="checkbox i-checks m-b">
                        <label class="m-l">
                            <input type="checkbox" checked=""><i></i>同意<a href="#">《注册协议》</a>
                        </label>
                    </div>
                    <button ng-click="userRegister()" type="submit" class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded">
                        <i class="icon-arrow-right pull-right"></i>
                        <span class="m-r-n-lg">注册并登陆</span>
                    </button>
                    <div class="line line-dashed"></div>
                    <p class="text-muted text-center">
                        <small>已经有账号了?</small>
                    </p>
                    <a href="" ui-sref="user_login" class="btn btn-lg btn-info btn-block btn-rounded">登陆</a>
                </form>
            </section>
        </div>
    </section>
    <!-- footer -->
    <footer id="footer">
        <div class="text-center padder clearfix">
            <p>
                <small>Web app framework base on Bootstrap<br>&copy; 2014</small>
            </p>
        </div>
    </footer>
</section>